//入口函数
$(function() {
        getUserInfo();
        //退出
        $('#logout').click(function() {
            layer.confirm('确认退出？', { icon: 3, title: '提示' }, function(index) {
                //do something
                /*  localStorage.removeItem('token');
                 location.href = './login.html' */
                layer.close(index);
            });
        })

    })
    //将用户信息的获取设置为全局函数
function getUserInfo() {
    // 发送ajax请求
    axios({
        // 请求方式是GET，可以省略
        method: 'GET',
        url: '/my/userinfo',
        // // 通过请求头设置token身份认证
        /*  headers: {
             Authorization: localStorage.getItem('token')
         } */

    }).then(res => {
        console.log(res);
        console.log(localStorage.getItem('token'))
            // 判断
        if (res.data.status !== 0) {
            return layui.layer.msg(res.data.message);
        }

        // 渲染
        console.log(res.data.data);
        renderAvatar(res.data.data);
    });
}


//定义渲染头像的函数

function renderAvatar(user) {
    console.log(user);
    //第一步渲染名字
    //有昵称显示昵称，没昵称的显示注册名
    //  ||第一个为false显示第二个
    //  && 第一个false就直接返回 user.username || user.nickname; 
    let name = user.nickname || user.username;
    //通过类名设置
    $('.welcome').html('欢迎&nbsp' + name)
        //设置头像，有头像显示头像，没头像把昵称第一个大写
        //进行判断
    if (user.user_pic !== null) {

        //不等于null说明有头象
        //显示图片头像，不显示文字头像

        $('.layui-nav-img').show().attr('src', user.user_pic);
        $('.avtar-text').hide();
    } else {
        //等于null说明没有头象
        //不显示图片头像，显示文字头像
        $('.layui-nav-img').hide();
        //显示文字头像,显示的是首字母大写
        //字符串加索引，可以获取对应索引的值

        let first = name[0].toUpperCase();
        console.log(first);
        $('.avtar-text').show().html(first);
    }
}
/*
function renderAvatar(user) {
    // 渲染欢迎 - 如果有nickname优先渲染nickname，没有nickname渲染username
    //  || 链接两个值，如果第一个值是false类型，返回第二个值,无论第二个值是什么;
    //  && 链接两个值，如果第一个是false类型，直接返回;
    let name = user.nickname || user.username;
    $(".welcome").html('欢迎&nbsp;' + name);
    // 处理头像 - 如果有图片头像渲染图片头像，否则渲染文字头像
    if (user.user_pic !== null) {
        // 如果有图片头像渲染图片头像 - 隐藏文字头像，显示图片头像
        $(".avatar-text").hide();
        $(".layui-nav-img").show().attr('src', user.user_pic);
    } else {
        // 没有图片头像，就渲染文字头像 - 隐藏图片头像，显示文字头像
        $(".layui-nav-img").hide();
        // 渲染name中的第一个单词字符，而且大写！
        let first = name[0].toUpperCase();
        $(".avatar-text").show().html(first);
    }
}*/